/*

Theme Name: SheJiDaRen-2

Theme URI: http://www.shejidaren.com

Description: web design

Author:Commy Leung

Author URI: http://shejedaren.com

Tags: black,white,three-columns,custom-menu,fixed-width,right-sidebar,theme-options,threaded-comments

Update: 2013-10-14

*/





/* CSS RESET */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,a, abbr,

dl, dt, dd, ul, ol, li,

fieldset, legend, form, label,

button, input, textarea,

table, caption, tbody, tfoot, thead, tr, th, td{

	margin:0;

	padding:0;
	box-sizing:border-box;
}

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

    display:block;

}

::selection {background:#e6e6d5;color:#696a52;}
::-moz-selection{background:#e6e6d5;color:#696a52;}
body {
	-webkit-text-size-adjust:none;
	color: #2e3030;

	font-size:12px;

	font-family:PingFang SC, Lantinghei SC, STheiti, Verdana, 微软雅黑, 宋体, Geneva, sans-serif;

	background:#e5e6d0 url(images/bg.jpg) repeat 0 0;

	min-width:1110px;

}

ol,ul {list-style:none;}

table {border-collapse: collapse;margin-bottom:15px}

:focus {outline:0}

img {border:0}

a {text-decoration:none;color:#2c2e2e; /*-webkit-mask-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#000000), to(rgba(0, 0, 0, 0.496094)))*/}

a:link, a:visited {

  -webkit-transition-delay:initial;

  -webkit-transition-duration:0.3s;

  -webkit-transition-property:all;

  -webkit-transition-timing-function:initial;

  outline-color:initial;

  outline-style:initial;

  outline-width:0;

  text-decoration:none;

}

a:hover {color:#c45894}

a:focus-visible {
outline: 1px dotted #c45894 !important;
}

.download:after,
.clearfix:after,
.widget:after {clear:both; content:'.'; display:block; visibility:hidden; height:0}

.clearfix {display:inline-block}

* html .clearfix {height:1%}

.clearfix {display:block}

.clear {clear:both}


.l {float:left !important}

.r {float:right !important}


hr{border:1px solid #deded7;border-width:1px 0 0 0;height:0x; margin:10px 0}
.line {display:block;border:0;border-top:1px solid #deded7;height:0;overflow:hidden;margin:15px 0}


li:hover{

  -webkit-transition-delay:initial;

  -webkit-transition-duration:0.3s;

  -webkit-transition-property:all;

  -webkit-transition-timing-function:initial;

  outline-color:initial;

  outline-style:initial;

  outline-width:0;

}



body {text-align:center;} /* 兼容邪恶的IE*/
.topnav {position:absolute;} /* 兼容邪恶的IE6*/
.topnav {position:fixed;z-index:101;left:0;top:0;width:100%;height:30px;background-color:#181a1a;box-shadow:0 2px 3px rgba(0,0,0,.35)}
.content-wrap,
#container {width:1220px; margin:0 auto;}
.share-button {padding:2px 0 0 103px;}
.bdsharebuttonbox.bdshare-button-style0-16 a {padding-left:19px;margin-right:10px;line-height:16px;color:#999}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_more {padding-left:17px;margin-right:2px}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_count {padding-left:0;margin-right:0}
a.bds_count:before {content:'1';}
.weibo {float:right;margin-top:3px;}
.fixed-book {z-index:102}
.bdsharebuttonbox a:hover{color:#fff !important}

#container {padding-top:38px;background:url(images/nav-bg.gif) repeat-y 780px 0;position:relative; text-align:left}

.wrapper {position:relative;}

.main-content{float:left;width:100%;position:relative}



/* header

-----------------------------------------*/

header { height:130px;float:left;width:100%; overflow:hidden}

	a.logo {display:block;margin:33px 0 10px 307px;width:174px; }

		a.logo {-moz-transition: all 400ms ease;background:url(images/logo.jpg) no-repeat 0 0;background-size:234px 44px;display:block;width:174px;height:44px; text-indent:-9999px}

		a.logo:hover{-moz-transition: all 400ms ease;width:234px}

	header h3 { font-size:12px; color:#676857;margin-left:337px; letter-spacing:3px;}


/* mobile menu

-----------------------------------------*/

.menu-icon{position:fixed;z-index:105;width:40px;height:40px;}
	.menu-icon-top,.menu-icon-bottom{display:block;position:absolute;left:15px;width:13px;height:1px;background-color: #fff;transition: all .3s ease-in-out;}
	.menu-icon-top{top:11px;}
	.menu-icon-bottom{top:17px;}

	.menu-icon-active .menu-icon-top{transform:rotate(135deg);top:14px;}
	.menu-icon-active .menu-icon-bottom{transform:rotate(-135deg);top:14px;}

	.mobile-menu{position:fixed;z-index:104;text-align:left;background: #181a1a;font-size:14px;overflow: hidden;overflow-y:auto;width:100%;height:0;box-sizing: border-box;opacity:0;transition: all .3s ease-in-out;}
	.mobile-menu.mobile-menu-active{padding:30px 48px 30px;height:100%;opacity:1;}
	.mobile-menu-list li a{display: block;height:42px;line-height: 42px;border-bottom:1px solid #333;}
	.mobile-tag {padding-top:10px;}
	.mobile-tag li{display: inline;}
	.mobile-tag li a{display:inline-block;margin:10px 10px 0 0;padding:0 15px;height:28px;line-height:28px;text-align:center;background: #303131;border-radius: 26px;}
	.mobile-menu-list li a,.mobile-tag li a{font-size;14px;color: #fff}

	.mobile-search input{margin:20px 0 0;width:100%;height:42px;line-height:42px;padding-left:38px;border:0;border-radius:3px;background:#303131 url(images/icon-search-mobile.svg) no-repeat 12px 0;color:#fff;font-size:14px; box-sizing: border-box;}





#content {float:left;width:750px;}

	.post-wrap {}

	article, .post-entry {background: url(images/post-entry-bg.png) no-repeat 0 9px;margin-top:30px;}

	.article-header {margin-left:30px;}
	hgroup {margin-left:30px;}

		hgroup h1,.article-header h1{ text-indent:-22222px;height:45px;height:20px}

		hgroup h2,.article-header h2 {padding:10px 0 0;text-align:center}

		hgroup small,.article-header small {display:block;font-size:1em;padding:10px 0 0;}

		hgroup small span,.article-header small span{font-family:Verdana,Geneva,sans-serif}


/* Slides

-----------------------------------------*/
.banner {position:relative;}
#slides {position: relative;z-index: 100;width:100%;}
#slides a {-moz-transition:none;-webkit-transition:none;transition:none}
#slides .bd {width:556px;height:277px;border:1px solid #b9baa6;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.15);background:url(http://www.shejidaren.com/wp-content/themes/Daren/images/loading.gif) no-repeat center center;}
#slides .bd:hover {box-shadow:0 1px 2px rgba(0,0,0,.25)}
.slides_container {position: relative;width:546px;height:267px; margin:0 auto;overflow: hidden;display: none;border:5px solid #fff;border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.15);}
.slides_container div {display:block;width:546px;height:267px;}
.slides_container a {width:553px;height:267px;display:block;}
.slides_container a img {display:block;width:548px;height:267px; background:none !important;}
/* Slides Next/prev buttons */
#slides .next,#slides .prev {position:absolute;	top:119px;width:22px;height:40px;display:block;z-index:101;opacity:0;-moz-transition: opacity 0.2s ease-out;-webkit-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out}
#slides .prev {left:6px;}
#slides .next {right:6px;}
.banner:hover #slides .next,.banner:hover #slides .prev{opacity:1}

/* Slides Pagination */
.pagination {margin:15px 0 15px;width:309px;padding-left:251px;height:11px;background:url(images/pagination-bg.jpg) no-repeat center 1px}
.pagination li {float:left;margin:0 10px 0 0;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
/* Point-list */
.point-list {width:100%;display:flex;justify-content:space-between;}
.point-list li {float:left;margin-left:9px;width:150px;}
.point-list li:first-child {margin:0;}
.point-list-thumb {display:block;margin-bottom:5px;padding:1px;border:1px solid #b9baa6; background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:3px;}
.point-list-thumb img {width:146px;height:76px;vertical-align:top; border-radius:3px;}
.point-list-text {display:block; line-height:18px;font-size:12px; color:#696b53;}
.point-list li:hover .point-list-thumb {border-color:#696b53;}
.point-list li:hover .point-list-text {color:#c45894;}


/* Slides 2

-----------------------------------------*/
.unslider-bd {margin-bottom:50px;
    width: 636px;
    height: 277px;
    border: 1px solid #b9baa6;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    background: url(http://www.shejidaren.com/wp-content/themes/Daren/images/loading.gif) no-repeat center center;
}
.automatic-slider {height:275px;overflow: hidden;}


.unslider {
	overflow: auto;
	margin: 5px;
	padding: 0;
	position: relative;
}
.unslider-wrap {
	position: relative
}
.unslider-wrap.unslider-carousel>li {
	float: left
}
.unslider-vertical>ul {
	height: 100%
}
.unslider-vertical li {
	float: none;
	width: 100%
}
.unslider-fade {
	position: relative
}
.unslider-fade .unslider-wrap li {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
	z-index: 10
}
.unslider li, .unslider ol, .unslider ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none
}
.unslider-arrow {
	text-indent:-9999px;
	position: absolute;
	top:50%;
	margin-top:-35px;
	z-index: 2;
	cursor: pointer;
	width:22px;
	height:40px;
	background:url(http://www.shejidaren.com/wp-content/themes/Daren/images/arrow-prev.png) no-repeat;

}
.unslider-arrow.next {
	background:url(http://www.shejidaren.com/wp-content/themes/Daren/images/arrow-next.png) no-repeat;
	left: auto;
	right: 0;
}

/* slider 2 for dots */
.unslider-nav{margin-top:10px}
.unslider-nav ol {
	background: url(images/pagination-bg.jpg) no-repeat center 10px;
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #96968f;
  border-radius: 100%;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #98c22a;
  cursor: default;
}



/* post

-----------------------------------------*/

	.post,.post h2 a,.post h2:before,.post h2:after,.post img,.book img,.book a,.ad-250-80 img,.scroll-banner img {transition:all 0.16s ease-in;}

	.post h2 a:hover {-moz-transition:color 0.2s linear 0s;}

	.post td, post th { border-bottom: 1px solid #DBDBDB; margin: 10px; padding: 10px 8px;}

	.post td {vertical-align:top;}

	.tagcloud a{-moz-transition:all 0.16s ease-in 0s;}

	.tagcloud a:hover{-moz-transition:color 0.2s linear 0s;}

	.post, .banner {padding:40px;margin-left:30px;border:1px solid #d9d9bd;background-color:#f0f0e3;font-size:14px; line-height:1.8em; color:#4c4c43;border-radius:8px;

				-moz-box-shadow:0px 1px 0px rgba(0, 0, 0, .05),0px 1px 0 rgba(255,255,255,.6) inset;-webkit-box-shadow:0px 1px 0px rgba(0, 0, 0, .05),0px 1px 0 rgba(255,255,255,.6) inset;box-shadow:0px 1px 0px rgba(0, 0, 0, .05),0px 1px 0 rgba(255,255,255,.6) inset;

				-webkit-transition-delay:initial;

				-webkit-transition-duration:0.3s;

				-webkit-transition-property:all;

				-webkit-transition-timing-function:initial;

				}

	.indexbody .post:hover,.blogbody .post:hover {background-color:#fafaf3;}

		.post {text-shadow:0 1px rgba(255,255,255,.75);font-family:PingFang SC, Lantinghei SC, STheiti, Verdana,微软雅黑,  宋体, Geneva, sans-serif;}

		.post h1,.post h2,.post h3,.post h4,.post h5,.post h6,.post .info,.related-tags {font-family:Verdana, PingFang SC, Lantinghei SC, 微软雅黑,宋体, Geneva, sans-serif;}
		.post h1,.post h2, .post h2 a,.post h3{color:#333;}
		.blogbody .post h2 {margin:30px 0; padding:30px;text-align:center;font-family:Source Han Serif CN;font-size:1.618em;border:1px dotted #deded7;border-width: 1px 0;line-height:1.618em}
		.blogbody .post h2 + h3{border:0;margin-top:0;padding-top:0}
		.post h1.title,.post h2.title {font-size:1.75em;line-height:1.618;height:auto;padding:0;margin:0;font-family: Source Han Serif CN;text-shadow:1px 1px 0 #fff;}
		.post h2 a:hover {color:#c45894;text-decoration:none;}
		.post h3,.h3-title,.text-large,.text-h3{margin:30px 0; padding:35px 0 0;border-top:1px solid #deded7;font-size:1.413em;text-transform:capitalize;clear:both;}
		.text-large {border: 0}
		.text-h3 {display: block;margin-bottom:0}
		.text-h2{display: block;margin: 30px 0;padding: 30px;text-align: center;font-family: Source Han Serif CN;font-size: 1.732em;border: 1px dotted #deded7;border-width: 1px 0;line-height: 1.732em;}

		.post h3 a:after {content:" →";font-family:arial;}
		.post h3 + h3 {border:0;margin-top: -30px}
		.post .h3 {font-size:20px}

		.post h4 {font-size:16px;margin:0 0 0.5em}

		.post h5 {font-size:14px;margin:0 0 0.75em}

		.post ul, .post ol {margin:0 0 15px;}

		.post ul li,.post ol li { list-style:disc;line-height:2em;margin-left:2.5em;padding:5px;letter-spacing: 2px}

		.post ol li {list-style-type:decimal;}

		.post p {margin:2em 0;word-break:break-word}
		.post p.read-more {margin-bottom:0}
		.post blockquote p {margin-top:0}
		.post strong,.post b {color:#000}

		.post .download {margin-bottom:30px;background:#F5F5E8;border:1px solid #ddd;border-radius:5px;}
		.post .download h3{padding:0;margin:0 0 15px 20px;width:124px;border:0;background:#696A52;color:#fff;text-align:center;font-weight:normal;font-size:14px;line-height:28px;letter-spacing:2px;text-shadow:none;border-radius:0 0 3px 3px}
		.blogbody .post .download p{float:left;margin:0 0 15px 20px;padding-right:10px;max-width:366px;font-size:14px;line-height:24px}
		.post .download .wx-code-download {float:right; margin: -32px 10px 0 0;}
		.post .download .wx-code-download img{margin: 0; padding: 0;  border: 0; box-shadow: none;}
		.download p:after { content: '防止伸手党，喜欢请分享到朋友圈、微博或QQ群！'; color: #999;  display: block;font-size:12px;}
		@media screen and (max-width: 530px) {
		  .post .download .wx-code-download {float:none; margin-top: 15px;}
		}


		.post img {display:block;padding:3px;margin:0 auto;width:auto;height:auto;min-height:24px;min-width:24px;max-width:630px;border:1px solid #b9baa6;border-radius:3px;background-color:#e6e6d5;box-shadow:0 1px 2px rgba(0,0,0,.15);background:url(http://www.shejidaren.com/wp-content/themes/Daren/images/loading.gif) no-repeat 50% 50%;}
		.post img.tfe {margin:0 auto 10px}
		.blogbody .post .img-default,.blogbody .post .img-default p {padding:0;margin:0;line-height:0.75em;}
	 	.post img.img-default,.post .img-default img {display:inline-block;padding:0;margin:0;min-height:0;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;}

	 	* html .post img { /* for IE6 */

					width: expression(this.width > 550 && this.width > this.height ? 550 : auto);

					height: expression(this.height > 540 ? 540 : auto);

					}

	 	.post a:hover img {-moz-box-shadow:0 0 7px #bebe9f;-webkit-box-shadow:0 0 7px #bebe9f;border-color:#aaab98;box-shadow:0 0 7px #bebe9f;

					  -webkit-transition-delay:initial;

					  -webkit-transition-duration:0.3s;

					  -webkit-transition-property:all;

					  -webkit-transition-timing-function:ease-out;

					}
		.blogbody .post .img-text,.wp-caption-text,
		.blogbody .post .img-text-left {margin-top:-20px;max-width:500px;margin-left:auto;margin-right:auto;}
		.blogbody .post .img-text,.wp-caption-text {color:#999;text-align:center;text-shadow:none}
		.post .img-no-style img{float:none;border:none;margin:0;padding:0;display:inline;}
		.post em {font-style:noraml}
		.post em, .post .highlight {
	        	padding: 2px 4px;
	        	font-style:normal;
						text-shadow:none;
						color:#313120;
	        	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.6, transparent), color-stop(0.6, #ffb8d9));
	        	background: -webkit-linear-gradient(transparent 0%, #ffb8d9 6%);
	        	background: -moz-linear-gradient(transparent 0%, #ffb8d9 0%);
			background: -o-linear-gradient(transparent 0%, #ffb8d9 0%);
	        	background: linear-gradient(transparent 0%, #ffb8d9 0%);
		}
		.post .video-article {width:100%;height:380px;}

		.post .btn { font-size:1.2em;line-height:120%;text-align:center;padding:30px 0;margin:20px 0;background: #ebeed6;border:1px solid #e5e5d8}

			.post .btn a {display:inline-block;text-align:left; vertical-align:middle; margin:0 15px;padding:10px;

						  border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #d5d9ba;border-bottom:1px solid #d5d9ba;}

			.post .btn a:hover {background-color:#e1e9af; text-decoration:none}

			.post .btn a em {display:block;color:#666;font-size:12px;}
			.post .blank-link {margin-right:3px;padding-right:15px;background:url(images/blank-link.gif) no-repeat right center}

			.btn a.demo {padding-left:45px;background:url(images/icon_view.png) no-repeat 8px 15px;}

			.btn a.download {padding-left:45px;background:url(images/icon_down.png) no-repeat 8px 15px;}


		.post .btn2 {border-radius:3px;padding:2px 20px 0;

			     background:#959973;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 12px;margin: 10px 10px 0 0;position:relative;box-shadow:0 1px 0 #fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}

		.post .btn2:hover {background:#64664e;text-decoration:none}

		.post .mt-50 {margin-top:50px;}

		.post .img-left a img {float:left;margin:0 10px 10px 0 }



			.blogbody .post .infobox,.blogbody .post blockquote {margin:1.5em 0;padding:10px 20px;border:1px dashed #ddd;background:#f5f5e9;font-size:13px; border-radius:5px;}
			.blogbody .post blockquote p{font-size:13px;margin:10px 0}

		.post .lrstyle img {margin:0 15px 15px 0;}


		.blogbody .post p { font-size:17px;line-height: 2em;letter-spacing:2px;margin:1.5em 0;}


		/*  -相关文章-  */
		.related_img{margin:0;display:flex;flex-wrap:wrap;justify-content: space-between}
		.related-articles  {font-family:Source Han Sans CN; font-weight:400;}
		.related-articles h3 {font-weight: 400;font-family:Source Han Sans CN;color:#ACAEA0}
		.related-articles h3 a:after{content:'';}
		.post .related_box {width:30%;height:162px;margin:0 0 10px;list-style: none ;}
		.post .related_box a {letter-spacing: 0;}
		.relate_box:nth-child(3n){margin-right:0}
		.r_pic {height:97px;overflow:hidden;margin:0 0 5px;border:3px solid #fafaf3;border-radius:3px;box-shadow: 0 0 1px #b9baa6,0 1px 2px rgba(0,0,0,.15);transition:all 0.26s ease-out;}
		.r_pic:hover{box-shadow: 0 0 1px #000;}
		.r_pic img {height:97px;border:0;padding:0;box-shadow:none}
		@media screen and (max-width: 530px){
			.related_img{display:flex;box-sizing:border-box;flex-wrap: wrap;justify-content:space-between;}
			.post .related_box{height:auto;margin:0;width:45%;flat:none;}
			.r_pic {width:auto;height:72px;}

		}


	/* post typegraphical style */

	.post-right, .post-left {float: left;margin: 0;padding: 0 23px 0 0; width: 255px;}
	.post-right h3, .post-left h3 {border-top:0;font-size:14px;}

	.post-right img, .post-left img {max-width:250px;max-height:250px}

	* html post-right img, * html .post-left img{ /* for IE6 */

					width: expression(this.width > 250 && this.width > this.height ? 250 : auto);

					height: expression(this.height > 250 ? 250 : auto);

					}

	h1, h2.homepage, h2.homepage a {font-size:24px; color:#696a52}

	.info {display:block;font-size:11px;color:#b4b5b2;padding:8px 0 1em;margin-bottom:10px;border-bottom:1px dashed #deded7}

		.info-span-line {font-size:10px; vertical-align:top;}

		.info a,.post-readme a, .post a{ color:#c45894;transition:all 0.26s ease-out;}

		.post a var {font-style:normal}

		.info a:hover, .post-readme a:hover, .post a:hover {text-decoration:underline}

	.post-readme {text-align:right;}

	.copy {clear:both;padding:10px; border-left:3px solid #d3d3c2;background:#F5F5E9;color:#696a52;line-height:1.8em}
		.copy a{color:#c45894}
		.copy a:hover{text-decoration:underline}

#sidebar {float:right;width:441px;margin-top:-108px; position:relative;}

	#left-col {float:left;padding-left:12px;}

		aside nav {display:block}

		#left-col .widget {width:140px;}

		#left-col h3 {margin-bottom:7px;padding:0 10px 12px 0; background:url(images/nav-tit-bg.gif) no-repeat 0 bottom; font-size:14px; text-align:right; font-family: Source Han Serif CN;}

		#left-col .nav li {}
			#left-col .nav li a {display:block;padding:0 0 0 22px;line-height:24px;background:url(images/li.gif) no-repeat 12px 7px;-moz-transition: all 0.26s ease-out 0s;transition: all 400ms ease;}
			#left-col .nav li a:hover{padding-left:27px;padding-left:22px\9}

			#left-col .nav li li {padding-left:35px; background-position: 25px 7px;}

			#left-col .nav li ul {margin-left:-22px;background:url(images/line.gif) repeat-x 0 bottom;padding-bottom:8px;margin-bottom:5px;}
			#menu-item-26252 a {color:#c45894}



	#right-col {width:260px;float:right}

	#right-col section {display:block}

		#right-col h3 {font-size:14px;text-align:center;height:26px;line-height:25px; letter-spacing: 0.4em; background:url(images/h3-bg.png) no-repeat center 0;color:#fff;margin-bottom:10px;text-shadow:0 1px 0 rgba(0,0,0,.5);font-family: Source Han Serif CN;}



/* footer
----------------------------------------*/
#footer {position:relative;z-index:103;background:url(images/foot-bg.png) repeat-x 0 0;padding:20px 0 0}
#footer a:hover {color:#236898;}
	.foot-bg {background:url(images/foot-bg2.png) repeat 0 0}
	.foot-wrap {position:relative;width:1210px; margin:0 auto;text-align:left;color:#a6a78b;}
	.foot-link {float:left;display:inline;width:728px; overflow:hidden; margin-left:30px;}
		.foot-link dl{float:left;width:192px;margin-right:30px; text-shadow:0 1px 0 rgba(255,255,255,.75);}
		.foot-link dt {padding:12px 0px;margin-bottom:9px; color:#696b53; font-size:14px;background:url(images/foot-dt-bg.gif) repeat-x left bottom;}
		.foot-link dt span {font-size:12px;font-family:Verdana, Geneva, sans-serif; color:#abac97;}
		.foot-link dt a.more {float:right;margin-top:5px;font-size:11px; color:#abac97}
		.foot-link dd a{display:block;overflow:hidden;padding-left:2px;height:24px;line-height:24px;}
		.foot-link dd a {color:#abac97; }
	.foot-link .pr-link dd {float:left;width:48%;}
	.foot-link dd a {-moz-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;}
	.foot-link dd a:hover {padding-left:7px;padding-left:2px\9;}

	.foot-logo {position:absolute;top:-45px;left:751px;width:206px;height:88px;text-indent:-9999px;background:url(images/foot-logo.png) no-repeat 0 0;}
	.foot-about {float:right;display:inline;width:450px; padding-top:53px; color:#abac97;text-shadow:0 1px 0 rgba(255,255,255,.75); line-height:24px;}
	.foot-about p a {color:#A6A78B;text-decoration:underline;}
	.share {}
		.share p {float:left;width:189px;line-height:15px; color:#aaa}
		.share p img {margin-top:15px}
		.share ul {float:right; margin-top:5px;}
		.share ul li {float:left;margin-left:30px;}
	.friend-link {text-align:center;clear:both;padding:30px 0 0;}
	.friend-link a {color:#abac97;padding:0 5px}
	.copyright {clear:both;padding:25px 0;line-height:2em;text-align:center;}
		.copyright a {color:#abac97;}
	.friend-link,.friend-link a,.copyright {color:#aaa}

.top {display:none;position:fixed;z-index:104;top:45%;right:30px;width:60px;height:60px;line-height:60px;font-size: 1.5em;background:#dddec2;color:#696b53;border-radius:30px;-moz-transition:all 0.26s ease-out 0s;-webkit-transition:all 0.26s ease-out 0s;opacity:.75}
.top:hover {background:#c8c9a7;color:#f2f5cd;}


/* page */

#page {text-align:center;padding:10px;}

#page-single {padding:40px 0 40px 30px;font-size:1.2em}

	.pre-page-single {float:left;width:48%;}

	.next-page-single {float:right;width:48%; text-align:right}

/* wordpress page*/
.link-tit {clear:both;display:block;margin-bottom:15px;height:26px;line-height:26px;text-align:center;background:url(images/link.png) no-repeat 0 0;}
.link-tit:after {display:block;margin-top:-28px;width:100%;height:26px;line-height:26px;content:' ';background:url(images/link2.png) no-repeat right 0;}
.post .links {margin:15px 0;}
	.post .links li {float:left;margin-left:0;height:30px;list-style:none;}
	.post .links li a{display:block;width:112px;padding-left:1em;margin:0 0 10px;text-align:left;color:#4d94bb;font-size:13px;}
	.post .links li a img {display:inline;margin:0 2px 0 0;padding:0;min-height:16px;min-width:16px;max-height:16px;max-width:16px;border:0;border-radius:0; vertical-align:middle;background:#fff}




/* widget */

.widget {margin-bottom:15px}
	.side-banner {margin-bottom:10px !important;padding:0px 9px}

		.side-banner a {float:left;margin-bottom:10px;}

		.side-banner a img {border:1px solid #d3d6b5;background:#f3f4e7;padding:1px;}

		.side-banner a:hover img {border:1px solid #a3a687;}

#right-col .widget {margin-bottom:30px}

#right-col .widget li {padding:8px;margin:0 10px;background:url(images/line.gif) repeat-x 0 bottom;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#right-col .group-list li {float:left;display:inline;width:43%;margin:0 3px 0 10px;}
#right-col .search {padding:0px 6px 0 10px}
	#cse-search-box {display:none;border:1px solid #b5b98b;border-radius:3px;background:#e0e4be}
	#cse-search-box .cse-search-button {width:34px;height:25px !important;border:1px solid #eef0dd;border-left:0;border-radius:0 3px 3px 0;background:#e0e4be url("images/search-btn.gif") no-repeat scroll 10px 4px;text-indent:-9999px}
	#cse-search-box .cse-search-button:active {background:#e0e4be url("images/search-btn.gif") no-repeat scroll 10px 5px;}
	#cse-search-box .cse-search-input {float:left;width:196px;height:23px;padding:0 5px !important;border:1px solid #eef0dd !important;border-radius:3px 0 0 3px;line-height:25px;}
	/* search for ie6 */
	#cse-search-box {height:25px}
	#cse-search-box .cse-search-input {float:left}

	.search-form {border:1px solid #b5b98b;border-radius:3px;background:#e0e4be}
	.search-form .search-form-submit {width:34px;border:1px solid #eef0dd;border-left:0;border-radius:0 3px 3px 0;background:#e0e4be url("images/search-btn.gif") no-repeat scroll 10px 4px;text-indent:-9999px}
	.search-form .search-form-submit:active {background:#e0e4be url("images/search-btn.gif") no-repeat scroll 10px 5px;}
	.search-form .search-form-input {float:left;width:196px;height:23px;padding:0 5px !important;border:1px solid #eef0dd !important;border-radius:3px 0 0 3px;line-height:25px;}
	/* search for ie6 */
	.search-form {height:25px}
	.search-form .search-form-input {float:left}

.widget-banner {padding-left:8px}
.widget-banner img {border-radius:10px; vertical-align: middle;}


.book {text-align:right}

	.book li {padding:10px 5px 20px 0;background:url(images/line.gif) repeat-x 0 bottom;}

	.book li small {display:block;padding-top:5px;}

	.book a img{float:right;background-color:#e5e6d0; border:1px solid #a6a78b;padding:3px;margin-left:5px;}

	.book a:hover img {border-color:#2e3030}



.post:hover {-moz-box-shadow:0px 1px 2px #aaa;}



/* Elements styling

----------------------------------------------------*/

small,.post small a {color:#888}

.text-pink,.text-pink a {color:#c45894}


/* Comment

----------------------------------------------------*/

#entry-meta-single{margin-left:30px;color:#999999}

	#entry-meta-single a {color:#c45894}

	#entry-meta-single a:hover {text-decoration:underline}

#comments {margin-left:30px;padding:15px 0; background:url(images/line.gif) repeat-x 0 bottom;}

	#comments span {float:right;}

	#comments span a {color:#c45894}

	#comments span a:hover {text-decoration:underline}

.commentlist {}

	.commentlist li.comment {position:relative}

	.commentlist li {margin-top:15px;padding:20px 20px 20px 60px;margin-left:30px;background-color:#f0f0e3;

				-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;

				-moz-box-shadow:0px 1px 2px #ccc;-webkit-box-shadow:0px 1px 2px #ccc;box-shadow:0px 1px 2px #ccc;

				}

		.commentlist li li {margin-left:-12px;background-color:#fafaf3;}

		.commentlist li li li,.commentlist li li li li li,.commentlist li li li li li li li{background-color:#f0f0e3;}

		.commentlist li li li li,.commentlist li li li li li li,.commentlist li li li li li li li li{background-color:#fafaf3;}

	.comment-author img {position:absolute; top:15px;left:15px !important;left:-45px;border-radius: 50%}

		.vcard {margin:2px 0 5px}

	.commentmetadata {position:absolute;right:20px; top:20px;color:#999}

	cite.fn a,cite.fn {font-weight:bold; font-style:normal;}

	.commentlist p {color:#696a52;line-height:2em;font-size:1.2em}

	.commentlist .reply a{color:#999}

		.commentlist .reply a:hover {color:#c45894;}

#respond {margin:15px;}

	#respond h3 {padding:10px 0;margin-bottom:5px; background:url(images/line.gif) repeat-x 0 bottom;}
	#respond input,#respond textarea { vertical-align:middle;margin:10px 0;padding:4px 4px;
						border:1px solid #dfe3c4;-moz-border-radius:4px 4px 4px 4px}
	#respond textarea {width:100%;height:60px}
	#respond .replybutton {background-color:#696b53;color:#fff;font-weight:bold;}

.cancel-comment-reply {padding-left:10px;}



/* tag */

.tagcloud {padding-left:8px;}

.tagcloud a {float:left;display:inline;background:#dddec2;line-height:17px;color:#2c2e2e; padding:3px 15px;margin:0 10px 10px 0;border-radius:20px;white-space:nowrap;font-size:12px !important}

.tagcloud a:hover {background:#696b53;color:#fff;}

/* animation */
/*base code*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
/*the animation definition*/
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}




/* General Use

----------------------------------------------------*/
.none,.n {display:none}
.button {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-shadow:0 1px rgba(255,255,255,0.5);background:#d7ddad;border: medium none;color: #696A52;cursor: pointer;display: inline-block;font-size: 12px; margin: 10px 10px 0 0;padding: 2px 5px;position: relative; text-decoration: none;}

.button:hover {background:#c5cc8e}
.text-gray {color:#b4b5b2}

.all-gray{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	background-image: none;background-color:#E9E9E9;
}


code {padding: 2px 4px;margin:0 4px;font-size: 90%;color: #6b6b69;border-radius: 4px;}
pre {padding: 20px;margin: 0 0 15px;background: #f0f0f0;line-height: 20px;border-left:1px solid #D3D3C2;background:#F5F5E9;overflow: auto; overflow-Y:hidden; border-radius:5px}
code,pre {font-family:Monaco, Menlo, Consolas, "Courier New", monospace}


/* margin */
.m {margin:15px}
.m-n {margin:0}
.m-t-n {margin-top:0}
.m-t-xs {margin-top:5px}
.m-t-s {margin-top:10px}
.m-t {margin-top:15px}
.m-t-l {margin-top:20px}
.m-t-xl {margin-top:25px}
.m-t-xxl {margin-top:30px}

.m-b-n {margin-bottom:0}
.m-b-xs {margin-bottom:5px}
.m-b-s {margin-bottom:10px}
.m-b {margin-bottom:15px}
.m-b-l {margin-bottom:20px}
.m-b-xl {margin-bottom:25px}
.m-b-xxl {margin-bottom:30px}
/* other */
.tips-book {position:relative;display:block;margin:0 0 5px;width:140px;padding:5px 0; text-align:center;background:#c45894;color:#fff !important;}
.arrow-down {position:absolute;right:8px;bottom:-14px;display:block;
    width:0px; height:0px; border:7px solid; border-color:#c45894 transparent transparent transparent;/
    border-style:solid dashed dashed dashed;
}
.tips-book:hover {background:#539b37}
.tips-book:hover .arrow-down {border-color:#539b37 transparent transparent transparent;}
.related-articles > a {display:none}



.archive-top-ad {position:relative;max-width:618px;margin:15px 1px -10px;}
.archive-top-ad span {position:absolute;right:0;bottom:-13px;color:#b4b5b2;}
.archive-top-ad img {border-radius:5px;}

.ads-top {margin:25px 0 0;}
.ads-top > div {width:480px; margin:0 auto;}
.ads-top-text {display:block;font-size:12px;line-height:1em;}
.ads-top > div .ads-top-text {padding-left:0}
.ads-button {margin:15px 0}
.weixin {float:left;margin:36px 0 0 83px}
.post .weixin img {margin:0;border:0;padding:0;box-shadow:none}
#ds-reset .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar {padding:2px\9 !important}
.AD {margin-left:10px;margin-bottom:15px !important;}
.ad3 {padding-top:2px}
/* baidu top ad */
#cproIframe2Wrap {top:47px !important;z-index:9 !important}

.top-da{background:#2F3030;position: relative;z-index:102}
.top-da .icon-close {float: right;margin:11px 18px 0 0;}
.top-da .icon-close:before{content:'关闭';}
.top-da-content{width:618px;padding:15px 0;margin:0 auto;text-align:right}
.top-da-text,.top-da .icon-close:before{color:#fff;opacity: .25}
.top-da .icon-close:hover:before{opacity: 1}


@media screen and (max-width: 530px) {

body,.foot-wrap,#container {width:auto;min-width:320px;max-width:100%}
header {height:100px;}
a.logo {margin:22px auto 10px}
header h3 {margin-left:0;text-align:center;}
.article-header {margin:0 10px}
.article-header img{width: 100%}
#container {background:none;}
#content {float:none;width:100%;}
#page-single {padding:20px}
.post {margin:0 10px;padding:20px; font-size:12px}
.post img {max-width:100%;height:auto;}
.post h2, .post h2 a {margin-bottom:0;font-size:1.618em;}
.post h3, .post h4, .post h3 a, .post h4 a {font-size:1.5em;line-height:1.5em}
.post h3 {margin:1.5em 0;padding:1.5em 0 0;}
.related-articles h3 a{font-size:1em}
.post ul li, .post ol li {margin-left:1.5em}
.blogbody .post h2 {padding:10px 20px;left:-20px;font-size:16px;}
.post h2.title  {padding:0}
#footer {padding:15px 0}
.foot-link {float:none;margin:0;width:100%;}
.foot-link dl { float:none; width:90%;margin:0 auto;}
.foot-link dd a {height:22px;line-height:22px;}
.top {padding:2px;}
hgroup,
#sidebar,
.pr-link,
.foot-about,
.friend-link,
.copyright,
.weibo,
.home-banner,
.ads-top,.ads-bottom .weixin,.ad3 {display:none;}

/* baidu share */
span.bds_more, .bds_tools a {}
.bds_tools a.bds_fbook {}
.bds_tools a.shareCount {}

.bdsharebuttonbox.bdshare-button-style0-16 a {padding:0 ;margin:6px 15px 0 0 ;width:16px !important;height:16px !important;text-indent: -9999px !important}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_more {}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_count { display: none}
.bd-share{width: 230px;margin-left: -102px;left: 50%;position: absolute;}
.bdshare-button-style0-16 {width:230px;}

}


/*
*
*     da shang lightbox js STYLE
*
================================================== */
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:0;border-bottom:0 solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:none;color:#000;opacity:.35;}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;}}

.share-button{padding-left:76px;}
a.icon-dashang {float:left;margin:4px 15px 0 0;width:50px !important;height:18px !important;background:none !important;border-radius:10px;color:#686865;border:1px solid #51514d;line-height:18px;}
a.icon-dashang:hover {color:#e58723;border-color:#cc700e;}


	/* da shang style */
	.dashang {width: 611px;height:391px; overflow: hidden; position: relative; text-align: center;color:#6a4e00;background:#eebe3b;border:1px solid #eebe3b;}

	  .dashang h3,.dashang h4 {font-weight: normal;}
	  .dashang h3 {font-size:36px;margin:40px 0 20px;font-family: simsun}
	  .dashang h4 {font-size:24px;margin:0 0 20px;}
	  .dashang p {font-size:14px;margin:8px 0;line-height: 1.5em}

	  .ds-barcode,.ds-coffee {float:left;}
	  .ds-barcode {margin:15px 60px 0 135px;}
	  .ds-barcode img{width:120px;}
	  .dashang p:nth-child(2) {opacity: .5}
	  .ds-coffee {margin:-22px 0 0;}


	@media screen and (max-width: 530px) {
		.share-button{padding-left:6px;}
		a.icon-dashang {margin-right:5px;}
		.dashang {width:100%;max-width:530px;height:451px;}
			.dashang h3 {font-size:30px;}
			.dashang h4 {margin:0 20px 15px; line-height: 1.25em;font-size: 18px}
			.ds-barcode, .ds-coffee {float: none;}
			.ds-barcode{margin:10px auto 0;}
			.ds-coffee{margin: 0 auto;padding-left: 25px;}
	}



/*
*
*     simplezoom.js CSS style
*
================================================== */

.modal {
  position: fixed;
  z-index: 10001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
.modal .modal-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #222;
  opacity: 0;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
}
.modal .modal-content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal .simplezoom-item {
  position: absolute;
  display: inline-block;
  transition: width .3s, height .3s, top .3s, left .3s;
  -webkit-transition: width .3s, height .3s, top .3s, left .3s;
}
.modal .simplezoom-item img {
  display: inline-block;
  max-width: 100%;
}
.modal .simplezoom-loader {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  transition: opacity .15s;
}
.modal.in .modal-bg {
  opacity: .9;
}
.modal.loading .simplezoom-loader {
  opacity: 1;
}
/*
* CSS loader styles
*/
.loader {
  font-size: 14px;
  text-align: center;
  position: relative;
}
.loader i,
.loader:before,
.loader:after {
  border-radius: 50%;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 3px;
  background-color: #eee;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loadingAni 0.7s infinite ease-in-out;
  animation: loadingAni 0.7s infinite ease-in-out;
}
.loader:before,
.loader:after {
  content: '';
}
.loader i {
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
.loader:after {
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
@-webkit-keyframes loadingAni {
  0%,
  80%,
  100% {
    -webkit-transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0);
  }
}
@keyframes loadingAni {
  0%,
  80%,
  100% {
    transform: scale(1);
  }
  40% {
    transform: scale(0);
  }
}


/* TEMP STYLE */
#ujian_BtnDiv,
#ujian_BtnDiv + div {display:none !important}
.ujian-hook{margin-bottom:25px}
.ujian-hook > div:first-child > div:first-child > div:first-child{display:none}
.post .related-tags{text-align:center;margin-bottom:20px;}
.ujian-hook {padding-left:25px}
@media screen and (min-width: 530px) {
	.ujian-hook > div:first-child{height:325px}
}
/*  -畅言-  */
section #SOHUCS{max-width: 620px;margin: 0 0 30px 30px;}
/*  -隐藏右下角 相关提示-  */
#sjdr #SOHUCS #SOHU_MAIN .module-cmt-notice ul.nt-list li.nt-item[node-type="notice-task"],
#sjdr #SOHUCS #SOHU_MAIN .module-cmt-notice ul.nt-list li.nt-item[node-type="notice-hots"],
#sjdr #SOHUCS #SOHU_MAIN .module-cmt-notice ul.nt-list li.nt-item[node-type="notice-history"],
#haloword-lookup,#MZAD_POP_PLACEHOLDER, div>iframe,#pop_ad,div#feedAv{display:none !important;}


/*  -广告位专用-  */
.nav-zzs{margin-top:-15px;}
.ads-post-foot {margin:34px auto 50px;font-size:12px;}
.ads-post-foot a img {border:0;padding:0;width:100%;max-width:100%;}

/*
*
*     PhotoSwipe.js CSS style
*
================================================== */
.pswp__bg{opacity:0.8 !important}
.pswp__bg{opacity:0.8 !important}
.pswp__button.pswp__button--share,
.pswp__ui .pswp__button.pswp__button--arrow--right,
.pswp__ui .pswp__button.pswp__button--arrow--left{display:none !important}